{% extends ':layouts:index.html.twig' %}

{% block content %}
    <div class="col_body row">
        <div class="col_body_btn col-body_color">
            <ul class="col_kind clearfix">
                <li class="clearfix color1">
                    <a href="{{ path('index_attendence',{'route':'user-rcd-clock/index'}) }}">
                        <div class="pull-left">
                            <span>出勤天数</span>
                        </div>
                        <div class="pull-right">
                            <span><?=$work['working_days_count']?></span>
                        </div>
                    </a>
                </li>
                <li class="clearfix color2">
                    <a href="{{ path('index_attendence',{'route':'user-rcd-leave/index'})}}">
                        <div class="pull-left">
                            <span>假期总数</span>
                        </div>
                        <div class="pull-right">
                            <span><?=$work['total_days_count']?>天</span>
                        </div>
                    </a>
                </li>
                <li class="clearfix color3">
                    <a href="{{ path('index_parameter',{'route':'instrument/index'})}}">
                        <div class="pull-left">
                            <span>在库资产</span>
                        </div>
                        <div class="pull-right">
                            <span><?=isset($types['在库'])?$types['在库']['num']:0?></span>
                        </div>
                    </a>
                </li>
                <li class="clearfix color4">
                    <a href="{{  path('index_parameter',{'route':'instrument/index'}) }}">
                        <div class="pull-left">
                            <span>停用资产</span>
                        </div>
                        <div class="pull-right">
                            <span><?=isset($types['停用'])?$types['停用']['num']:0?></span>
                        </div>
                    </a>
                </li>
                <li class="clearfix color5">
                    <a href="{{  path('index_parameter',{'route':'instrument/index'}) }}">
                        <div class="pull-left">
                            <span>禁用资产</span>
                        </div>
                        <div class="pull-right">
                            <span><?=isset($types['禁用'])?$types['禁用']['num']:0?></span>
                        </div>
                    </a>
                </li>
            </ul>
            <ul class="clearfix col_kind1">
                <li class="color6">
                    <a href="{{  path('index_attendence',{'route':'user-rcd-leave/index'}) }}">
                        <div class="pull-left">
                            <img src="{{ asset('assets/img/47.png') }}">
                        </div>
                        <div class="pull-right">
                            <p>个人假期到期提醒</p>
                            <span><?=$work['rcd_leave_expire_count']?></span>
                        </div>
                    </a>
                </li>
                <li class="color7">
                    <a href="{{  path('index_parameter',{'route':'instrument/index'}) }}">
                        <div class="pull-left">
                            <img src="{{ asset('assets/img/48.png') }}">
                        </div>
                        <div class="pull-right">
                            <p>固定资产到期提醒</p>
                            <span><?=$ins_return_count?></span>
                        </div>
                    </a>
                </li>
                <li class="color8">
                    <a href="{{  path('index_car',{'route':'car/index'}) }}">
                        <div class="pull-left">
                            <img src="{{ asset('assets/img/49.png') }}">
                        </div>
                        <div class="pull-right">
                            <p>车辆年检(保险)到期提醒</p>
                            <span><?=$car_verify_count?></span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="col_body_list clearfix">
            <div class="col-sm-6 p0">
                <div class="list1t clearfix">
                    <div class="list1tl">
                        <img src="{{ asset('assets/img/34.png') }}">
                    </div>
                    <div class="list1tr">
                        <p>通知公告</p>
                    </div>
                </div>
                <div class="list1b">
                    <ul class="clearfix">
                    </ul>
                </div>
            </div>
            <div class="col-sm-6 p0">
                <div class="list1t clearfix">
                    <div class="list1tl">
                        <img src="{{ asset('assets/img/38.png') }}">
                    </div>
                    <div class="list1tr">
                        <p>制度管理</p>
                    </div>
                </div>
                <div class="list1b list1bx">
                    <ul class="clearfix">
                    </ul>
                </div>
            </div>
            <div class="col-sm-12 p0 psectle">
                <div class="list1tax clearfix">
                    <div class="list1taxl">
                        <img src="{{ asset('assets/img/50.png') }}">
                    </div>
                    <div class="list1taxr clearfix">
                        <p>出勤情况</p>
                    </div>
                </div>
                <div class="list1bax">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th><p>序号</p></th>
                            <th><p>部门</p></th>
                            <th><p>姓名</p></th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-sm-12 p0 psectle">
                <div class="list1tax clearfix">
                    <div class="list1taxl">
                        <img src="{{ asset('assets/img/51.png') }}">
                    </div>
                    <div class="list1taxr">
                        <p>假期管理</p>
                    </div>
                </div>
                <div class="list1bax">
                    <table class="table table-hover table1">
                        <thead>
                        <tr>
                            <th><p>序号</p></th>
                            <th><p>类别</p></th>
                            <th><p>部门</p></th>
                            <th><p>姓名</p></th>
                            <th><p>休假事由</p></th>
                            <th><p>假期总数</p></th>
                            <th><p>已用（天、次）</p></th>
                            <th><p>剩余（天、次）</p></th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-sm-12 p0 imgxiugai">
                <div class="list1tax clearfix">
                    <div class="list1taxl">
                        <img src="{{ asset('assets/img/52.png') }}">
                    </div>
                    <div class="list1taxr">
                        <p>汽车派遣</p>
                    </div>
                </div>
                <div class="list1bax list1bax2">
                    <table class="table table-hover table1">
                        <thead>
                        <tr>
                            <th><p>Pid</p></th>
                            <th><p>车牌号</p></th>
                            <th><p>车型</p></th>
                            <th><p>燃料</p></th>
                            <th><p>使用部门</p></th>
                            <th><p>颜色</p></th>
                            <th><p>状态</p></th>
                            <th><p>出入库情况</p></th>
                            <th><p>创建时间</p></th>
                            <th><p>修改时间</p></th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-sm-12 p0">
                <div class="list1tax clearfix">
                    <div class="list1taxl">
                        <img src="{{ asset('assets/img/37.png') }}">
                    </div>
                    <div class="list1taxr">
                        <p>资产设备故障信息列表</p>
                    </div>
                </div>
                <div class="list1bax list1bax2 list1bax3">
                    <table class="table table-hover table1">
                        <thead>
                        <tr>
                            <th><p>统一编号</p></th>
                            <th><p>设备名称</p></th>
                            <th><p>型号规格</p></th>
                            <th><p>部门</p></th>
                            <th><p>故障类型</p></th>
                            <th><p>资产状态</p></th>
                            <th><p>损坏原因</p></th>
                            <th><p>录入时间</p></th>
                            <th><p>报修状态</p></th>
                            <th><p>报修人</p></th>
                            <th><p>报修时间</p></th>
                            <th><p>修理单位</p></th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    <script>
        function Distance_jud() {
            var W = $(window).width();
            var H = $(window).height();
            for(var i=240;i<256;i++){
                var W1 = W-i;
                $(".bodyr").width(W1);
                if($(".bodyr").scrollTop() <200){
                    break;
                }
            }
            var H1 = H-190;
            $(".bodyr").width(W1);
            $(".bodyer").height(H1);
        }

        Distance_jud();

        $(window).on("resize",function(){
            Distance_jud();
        });
        $('.gotomaintain').click(function(){
            location.href="";
        });
    </script>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/css/HomePage.css') }}"/>
    <link rel="stylesheet" href="{{ asset('assets/css/HomeAmend.css') }}"/>
    <style>
        body { background: #F5F5F5; font: 18px/1.5 sans-serif; }
        h1, h2 { line-height: 1.2; margin: 0 0 .5em; }
        h1 { font-size: 36px; }
        h2 { font-size: 21px; margin-bottom: 1em; }
        p { margin: 0 0 1em 0; }
        a { color: #0000F0; }
        a:hover { text-decoration: none; }
        code { background: #F5F5F5; max-width: 100px; padding: 2px 6px; word-wrap: break-word; }
        #wrapper { background: #FFF; margin: 1em auto; max-width: 800px; width: 95%; }
        #container { padding: 2em; }
        #welcome, #status { margin-bottom: 2em; }
        #welcome h1 span { display: block; font-size: 75%; }
        #icon-status, #icon-book { float: left; height: 64px; margin-right: 1em; margin-top: -4px; width: 64px; }
        #icon-book { display: none; }

        @media (min-width: 768px) {
            #wrapper { width: 80%; margin: 2em auto; }
            #icon-book { display: inline-block; }
            #status a, #next a { display: block; }

            @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
            @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
            .sf-toolbar { opacity: 0; -webkit-animation: fade-in 1s .2s forwards; animation: fade-in 1s .2s forwards;}
        }
    </style>
{% endblock %}
